@import (reference) '~antd/es/style/themes/index';

.container {
    // display       : flex;
    // flex-direction: column;
    width     : 100%;
    height    : 100vh;
    overflow  : auto;
    background: @layout-body-background;
}

.header {
    width     : 100%;
    padding   : 0 15%;
    box-sizing: border-box;

    :global(.ant-dropdown-trigger) {
        margin-right: 24px;
    }
}

.content {
    // flex           : 1;
    display        : flex;
    box-sizing     : border-box;
    justify-content: center;
    align-items    : center;
    height         : calc(100% - 100px);
    padding        : 32px 0;
    flex-direction : column;
}

.Form {
    width: 360px;
}

.Dividers {
    height: 100%;
}

.Rows {
    width: 60%;
}

@media (min-width: @screen-md-min) {
    .container {
        background-image   : url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
        background-repeat  : no-repeat;
        background-position: center 110px;
        background-size    : 100%;
    }

    .content {
        padding: 32px 0 24px;
    }
}

.icon {
    margin-left   : 8px;
    color         : rgba(0, 0, 0, 0.2);
    font-size     : 24px;
    vertical-align: middle;
    cursor        : pointer;
    transition    : color 0.3s;

    &:hover {
        color: @primary-color;
    }
}